<template>
	<front-side title="个人中心" :sides="sideList">
		<router-view></router-view>
	</front-side>
</template>

<script>
import frontSide from '@/views/common/frontSide';
export default {
	components: { frontSide },
	data() {
		return {
			sideList: [
				{
					name: '个人信息',
					color: '#bc000d',
					icon: 'el-icon-personal-data',
					path: '/front/learnCenter/personal'
				},
				{
					name: '必修课程',
					color: '#c74c25',
					icon: 'el-icon-my-course',
					path: '/front/learnCenter/course'
				},
				{
					name: '考试记录',
					color: '#197c3f',
					icon: 'el-icon-exam-record',
					path: '/front/learnCenter/exam'
				},
				{
					name: '我的收藏',
					color: '#ec8d31',
					icon: 'el-icon-collect-course',
					path: '/front/learnCenter/collect'
				}
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.learn_center_container::v-deep {
	.el-tabs__header {
		margin-bottom: 0;
	}
	.el-tabs__item {
		height: 48px;
		font-size: 16px;
		line-height: 48px;
		padding: 0 16px !important;
		&.is-active {
			font-weight: bold;
		}
	}
	.button {
		padding: 16px;
		border-bottom: solid 1px #ebeef5;
	}
	th.el-table__cell {
		font-size: 15px;
		background-color: #f2f6fc;
	}
	.el-table .cell {
		padding: 0 16px;
	}
	.page {
		padding: 16px;
	}
}
</style>
